<!--
 *
 * @Date: 2022-06-09 19:42:19
 * @LastEditTime: 2022-06-19 00:08:45
 * @LastEditors:
-->
<div class="relative">
<Card [full]="true" *ngFor="let item of this.HelpDataLs"(click)="gotoDetails(item.postId)">
  <CardHeader
    [title]="title"
    [extra]="keyWord"
    [thumb]="headImg"
  >
    <ng-template #headImg>
      <img src="{{item.headImgUrl}}" class="headImg" alt="头像">
    </ng-template>
    <ng-template #title>
      <span class="userName">{{item.userName}}&emsp;</span>
      <span class="title">{{item.title}}</span>
    </ng-template>
    <ng-template #keyWord>
      <span class="keyWord">{{item.keyWord}}</span>
    </ng-template>
  </CardHeader>
  <CardBody>
    <div>{{item.foodDescription}}</div>
  </CardBody>
  <CardFooter [content]="content" [extra]="footerExtra">
    <ng-template #content>
      <span class="campus">{{item.campus}}</span>
    </ng-template>
    <ng-template #footerExtra>
      <span>约定时间：</span>
      <span class="appointedTime">{{item.appointedTime}}</span>
    </ng-template>
  </CardFooter>
</Card>
<div class="fixed z-10 right-4 bottom-9 ">
  <a (click)="gotoCreate()" style="background-color: #108ee9;" class="flex items-center justify-center block w-10 h-10 rounded-full ">
  <ion-icon name="add-circle-outline" style="font-size: 30px; color: #fff;"></ion-icon>
  </a>
</div>
</div>
